h1, h2, h3, h4, h5, h6 {
  margin: 0; }

body {
  background-color: #eee; }

.navbar {
  background-color: #385fa0;
}
.navbar a {
  color: white;
}

.navbar li.active {
  background-color: #2980b9 !important;
}

.navbar a:hover, a:focus{
  background-color: #2980b9 !important;
}

.content {
  margin-top: 50px;
}

.summary {
  padding-top: 30px;
}
.summary .row {
  margin-bottom: 20%; }
.summary .metro-card {
  border-color: #4890f0; }
.summary h2 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px; }
.summary p {
  font-size: 18px; }

.metro {
  background-color: #4890f0;
  color: white;
  padding: 20px 10px; }

.cpu-info {
  display: none;
  margin-top: 10px; }

.cpu-basic {
  margin: 10px; }

.memory-info {
  display: none;
}

.memory-info .metro-card{
  margin-top: 10px;
  border-color: #f1c40f;
}

.process-info {
  display: none;
}

.process-info.metro-card{
  margin-top: 60px;
  border-color: #95a5a6;
}

.metro-card {
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px 16px;
  background-color: white;
  border: 3px solid #74d351; }

.axis {
  font-size: 9px;
}

.MyText {
  font-size: 10px;
}

.cpu-x-label {
  font-size: 8px;
}
